<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="sports-course-play">
    <main class="sports-course-play-main">
        <video src="http://fitness.h5.itsource.cn:3701/course/part1.mp4" id="video" muted></video>
        <h3><span id="currentPage">3</span>/<span id="totalPages">8</span></h3>
        <p id="desc">描述</p>
    </main>
    <!-- video播放控件 -->
    <div class="sports-course-play-control">
        <span class="iconfont icon-zuobofang" id="prev"></span>
        <span class="iconfont icon-24gf-pauseCircle" id="pasue"></span>
        <span class="iconfont icon-youbofang" id="next"></span>
    </div>

    <!-- 进度条 -->
    <div id="pro"></div>

    <!-- 点击弹出层 -->
    <div id="mask">
        <div id="box">
            <div id="playBox">
                <i class="iconfont icon-bofang"></i>
                继续训练
            </div>
            <div id="endBox">
                <i class="iconfont icon-guanji-"></i>
                结束训练
            </div>
        </div>
</body>

</html>